import "./index.scss";
import NavLeft from "../../../../components/navLeft";
import copyIcon from "../../../../images/base/copyIcon.png";
import logo from "../../../../images/base/teamLogo.png";
function Team() {
  const paddingStyle = {
    paddingLeft: ".16rem",
    paddingRight: ".16rem",
  };
  return (
    <>
      <div className="page-box team-page">
        <NavLeft centerName={"我的团队"} paddingStyle={paddingStyle}></NavLeft>
        <div className="fixed-block"></div>

        <div className="header-top-info-box">
            <div className="left-top-option">
                <div className='txt-one'>团队人数</div>
                <div className='txt-two'>356</div>
            </div>
             <div className="left-bottom-option">
                <div className='txt-one'>大区业绩</div>
                <div className='txt-two'>908,890.00 USDT</div>
            </div>
            <div className="line-block"></div>
            <img className="icon" src={logo}></img>

            <div className="right-top-option">
                <div className='txt-one'>直推人数</div>
                <div className='txt-two'>198</div>
            </div>


              <div className="right-bottom-option">
                <div className='txt-one'>小区业绩</div>
                <div className='txt-two'>23,890.56 USDT</div>
            </div>
        </div>


        <div className="info-contents-box">
          <div className="info-item">
            <div className="item-txt-one">累计推荐奖励(USDT)</div>
            <div className="item-txt-two">3280.56</div>
            <div className="item-btn-none">明细</div>
          </div>

          <div className="info-item">
            <div className="item-txt-one">待领取奖励(USDT)</div>
            <div className="item-txt-two">125.78</div>
            <div className="item-btn-check">领取</div>
          </div>

          <div className="info-item">
            <div className="item-txt-one">累计推荐奖励(COIN)</div>
            <div className="item-txt-two">3280.56</div>
            <div className="item-btn-none">明细</div>
          </div>

           <div className="info-item">
            <div className="item-txt-one">待领取奖励(COIN)</div>
            <div className="item-txt-two">125.78</div>
            <div className="item-btn-check">领取</div>
          </div>
        </div>

        <div className="team-hint-box">
          <div className="top-txt">邀请链接</div>
          <div className="end-txt">
            <div className="left-txt">www.VAULT.io/user889300022…</div>
            <img className="right-icon" src={copyIcon} alt="copy icon"></img>
          </div>
        </div>
        <div className="team-content-box">
          <div className="team-txt">团队列表</div>
          <div className="team-list-box">
            <div className="item-header-box">
              <div className="box-item">钱包地址</div>
              <div className="box-item box-item-center">加入时间</div>
              <div className="box-item box-item-right">业绩(USDT)</div>
            </div>
            <div className="box-info-item">
              <div className="box-item box-item-flex wtd-one">
                <div className="user-info-logo"></div>
                <div className="user-info-name">0x325…0086</div>
              </div>
              <div className="box-item box-item-center wtd-two">
                2025/07/13 18:25:35
              </div>
              <div className="box-item box-item-right wtd-three right-color">
                90,320.02
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}
export default Team;
